<template>
    <div class="container">
        <ImageDisplay class="image-display" />  <!-- 给ImageDisplay添加class -->
        <NewsCarousel />  <!-- 不需要添加class，因为NewsCarousel已包含适当的样式 -->
    </div>
</template>
  
<script setup>
    import ImageDisplay from '@/components/Home/ImageDisplay.vue';
    import NewsCarousel from '@/components/Home/NewsCarousel.vue';  // 导入 NewsCarousel 组件
</script>

<style scoped>
.container {
    display: flex;
    flex-direction: column; /* 使其纵向排列 */
    align-items: center; /* 使内容居中 */
}

.image-display {
    width: 100%; /* 使 ImageDisplay 组件宽度为100% */
    height: auto; /* 高度自适应 */
}
</style>
